/*====================================================
    base styles
====================================================*/
.show { display: block !important; }
.hide { display: none !important; }
.block { display: block; margin-left: auto; margin-right: auto; }
.inblock { display: inline-block; }
:-moz-placeholder { color: #fff; opacity:1; font-weight:bold;}
::-moz-placeholder { color: #fff; opacity:1; font-weight:bold;}
input:-ms-input-placeholder { color: #fff; opacity:1; font-weight:bold;}
input::-webkit-input-placeholder{ color: #fff; opacity:1; font-weight:bold;}

/*====================================================
    container styles
====================================================*/
.container {
  min-height: 100%;
  margin-top: 36px;
}
/*====================================================
    header styles
====================================================*/
@import "header.less";

/*====================================================
    index styles
====================================================*/
.wrap-inner {
    padding: 30px 30px 40px 30px;
    position: relative;
    .switch-aside {
      position: absolute;
      top: 0px;
      right: 2%;
      width: 2px;
      height: 80px;
      background: @themeBg;
      cursor: pointer;
    }
    .switch-aside:after {
      display: block;
      content: "";
      width: 12px;
      height: 12px;
      border-radius: 100%;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      background: @themeBg;
      position: absolute;
      bottom: -11px;
      right: -5px;
    }
}
@media only screen and (max-width: 870px) {
    .wrap-inner {
        padding: 15px;
    }
}
.wrap-inner .content {
    position: relative;
    margin: 0 auto;
    padding: 0;
}

.list.list-common {
      clear: both;
      overflow: hidden;
      // max-width: 2000px;
      margin: 0 auto;
  .item {
    float: left;
    margin: 0 15px 30px 15px;
    width: 200px;
    padding: 10px 10px;
    background-color: #fff;
    .cancel-focus {
        position: absolute;
        left: 0px;
        top: 4px;
        padding: 0px 10px;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        cursor: pointer;
        background: #f17370;
        color: #fff;
        letter-spacing: 1px;
    }
    .focus {
        position: absolute;
        left: 0px;
        top: 4px;
        border: 1px solid #C1C1C1;
        padding: 0px 10px;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        cursor: pointer;
        letter-spacing: 1px;
        &:hover {
          background: #FFFAFA;
        }
    }
    img {
      width: 100%;
      height: 150px;
    }
    .title {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
      font-weight: bold;
      color: @themeColor;
    }
    .description {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
    }
    .other {
      color: #aaa;
      overflow: hidden;
      text-align: right;
      ul {
        position: relative;
        padding: 0px;
        width: 100%;
        display: inline-block;
        clear: both;
        overflow: hidden;
        li.money {
            position: absolute;
            left: 0px;
            top: 0px;
            font-size: 15px;
            color: #f17370;
          span {
            vertical-align: -2px;
            font-weight: bold;
          }
        }
        li {
          display: inline-block;
          margin: 0px 3px;
          i {
            font-size: 13px;
            margin-right: 2px;
          }
                      i.look-icon {
                          font-size: 16px;
                      }
        }
      }
    }
  }
}

@media screen and (max-width: 2059px) {
    .list.list-common {
        max-width: 1750px;
    }
}
@media screen and (max-width: 1809px) {
    .list.list-common {
        max-width: 1500px;
    }
}
@media screen and (max-width: 1559px) {
    .list.list-common {
        max-width: 1250px;
    }
}
@media screen and (max-width: 1309px) {
    .list.list-common {
        max-width: 1000px;
    }
}
@media screen and (max-width: 1059px) {
    .list.list-common {
        max-width: 750px;
    }
}
@media screen and (max-width: 809px) {
    .list.list-common {
        max-width: 500px;
    }
}


/*====================================================
    footer styles
====================================================*/
@import "footer.less";

/*====================================================
    backTop styles
====================================================*/
.back-top {
    position: fixed;
    bottom: 40px;
    right: 14px;
    i {
        font-size: 40px;
        color: @themeColor;
    }
}


/*====================================================
    用户登录注册修改资料错误消息提示
====================================================*/
.error-message {
  display: inline-block;
  position: absolute;
  top: 6px;
  left: 105%;
  right: -300px;
}
label.error {
  float: left;
  padding: 2px 10px;
  text-align: center;
  color: #fff;
  display: inline-block;
  background: #F78580;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-box-shadow:0 0 10px rgba(171, 183, 183, 0.5);  
  -moz-box-shadow:0 0 10px rgba(171, 183, 183, 0.5);  
  box-shadow:0 0 10px rgba(171, 183, 183, 0.5);
}
label.error:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: -10px;
  top: 3px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-right: 13px solid #F78580;
  border-bottom: 7px solid transparent;
}
